<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue2</title>
</head>
<body>
<!--指定区域-->
<div id="app">
    <!--在div展现msg属性差值表达式：{{key}}}-->
    <!--特点：如果没有完成渲染，直接展现给用户-->
    <h1>{{msg}}</h1>
<!--    1.v-text指令：如果页面没有渲染完成则不显示-->
    <h1 v-text="msg"></h1>
    <div v-html="h3HMTL"></div>
<!--    跳过预编译显示标签本身-->
    <div v-pre>{{msg}}}</div>
    <div v-once>{{once}}}</div>
</div>
<script src="../js/vue.js"></script>
<!--3.创建Vue语法-->
<script>
    const APP = new Vue({
        //1.指定区域：
        el: "#app",
        //定义属性
        data: {
            //key:value
            msg: "你好vue",
            h3HMTL:"加载h3HMTL",
            once:"我只能渲染一次"
        }
    })


</script>
</body>
</html>